<?php
use Entities\Estoque;
use Entities\Materiais;

include_once '../templates/topo.php';

?>
	<div class="tabs center">
			<ul>
				<li><a href="#tabs-1">Buscar</a></li>
			</ul>
			<div id="tabs-1">
				<div cols='5'>
					<div class='field' id="divMateriais" >
						<label>Material</label>
						<input type="hidden" id='hidCodMaterial' />
						<input type='text' id='txtMaterial' readonly="readonly" size='40' />
						
					</div>
					<div class='field' style="width:20px;" id="divBtnMateriais" >
						<label>&nbsp;</label>
						<button class='add' id='btnBuscaMaterial'>Buscar</button>
						<script>
							$("#btnBuscaMaterial").button({
								text: false
							}); 
							$("#btnBuscaMaterial").click(function(){	
								$("#popupBuscaMaterial").dialog('open');
							});
						</script>
					</div>
					
					<div class='field'>
						<label>&nbsp;</label>
						<button id='btnBuscar'>Buscar</button>
							<script type="text/javascript">
							$(document).ready(function(){
								$("#btnBuscar").click(function(){
									if($('#hidCodMaterial').val() == ''){
										alert('Favor preencher qual material deseja buscar!', 'Atencao');
									}else{
										utils.ajax('estoque/buscarPorMaterial', {
											strBusca: $('#hidCodMaterial').val()
										}, function(xml){
											cont = 0;
											$('.table_consulta tbody tr').each(function(){
												if(cont!=0)
													$(this).remove();
												cont++;
											});
											index = 0;
											$(xml).find('obra').each(function(){
												var id= $(this).find('id').text();
												var nomeObra = $(this).find('nomeObra').text();
												var propriedade = $(this).find('tamanho').text();
												var quantidade = $(this).find('quantidade').text();
												var responsavel = $(this).find('responsavel').text();
												var email = $(this).find('email').text();
												
												$('.table_consulta tbody').append(utils.gerarLinha([index,
												                                                    nomeObra,
												                                                    propriedade,
												                                                    quantidade], 0, 'trConsulta', index,false));
													$('#trConsulta_'+ index).click(function(){
														
//														$('#popupPedidoDeMaterial').dialog('open');
//														$('#hidNomeResponsavel').val(responsavel);
//														$('#hidEmailResponsavel').val(email);
//														$('#hidIdPopup').val(id);
//														$('#hidIdPedidoObra').val(id);
//														$('#txtNomePedidoObra').val(nomeObra);
//														$('#txtPropriedadePedidoObra').val(propriedade);
													});
													index++;
											});
											$('.table_consulta tfoot tr td').html(index + ' Resultado(s) Encontrado(s)');
										});
									}
								});

							});
						</script>
					</div>
					
				</div>
				<div>
					<table class='table_consulta'>
						<tr>
							<th>Obra</th>
							<th>Tamanho/Cor</th>
							<th>Quantidade</th>
						</tr>
						<tfoot>
							<tr>
								<td colspan="3">Nenhum Resultado Encontrado</td>
							</tr>
						</tfoot>
					</table>
				</div>
			</div>
			<div class='footer'>
				
				
			</div>
	</div>
<div id="popupBuscaMaterial">
	<div >
		<label><strong>Descricao</strong></label>
		<input type='text' id='txtBuscaMaterial' size='30' onkeypress="mascara(this,maiusculo)" />
		<button id='btnLocalizaMaterial'>Buscar</button>
		<script>
			$("#btnLocalizaMaterial").click(function(){
				utils.ajax('material/pesquisarMateriais', {
					strBusca: $('#txtBuscaMaterial').val(),
					tipoBusca: 'nome'
						
				}, function(xml){
					cont = 0;
					$('#table_materiais tbody tr').each(function(){
						if(cont!=0)
						$(this).remove();
						cont++;
					});
					index = 0;
					$(xml).find('material').each(function(){
						var id = $(this).find('id').text();
						var descricao = $(this).find('descricao').text();
						$('#table_materiais tbody').append(utils.gerarLinha([id,
						descricao], 0, 'trMaterial', index++,false));
						$('#trMaterial_'+ id).click(function(){
							$("#txtMaterial").val(descricao);
							$("#hidCodMaterial").val(id);
							$("#txtMaterialPedidoObra").val(descricao);
							$("#hidIdMaterialPedidoObra").val(id);
							$("#popupBuscaMaterial").dialog('close');
						});
					});
					$('#table_materiais tfoot tr td').html(index + ' Resultado(s) Encontrado(s)');
				});
			});
		</script>
	</div>
	<div style="height: 350px; overflow: auto;">
		<table class='table_consulta' id="table_materiais">
			<tr>
				<th>Descricao</th>
			</tr>
		<tfoot>
			<tr>
				<td>Nenhum Material Encontrado</td>
			</tr>
		</tfoot>
		</table>
	</div>
</div>
<script>
	$('#popupBuscaMaterial').dialog({
		modal: true,
		title: 'Localiza Material',
		autoOpen: false,
		width: 500,
		buttons: {
							"Cancelar": function(){
			$(this).dialog('close');
		}
		}
	});
</script>

<div id="popupPedidoDeMaterial">
	<div class='field' >
		<label><strong>Obra:</strong></label>
		<input type="hidden" id='hidIdPedidoObra' />
		<input type="hidden" id="hidEmailResponsavel" />
		<input type="hidden" id="hidNomeResponsavel" />
		<input type='text' id='txtNomePedidoObra' size='45' readonly="readonly"  />
	</div>
	<div class='field' >
		<label><strong>Material:</strong></label>
		<input type="hidden" id='hidIdMaterialPedidoObra' />
		<input type='text' id='txtMaterialPedidoObra' size='40' readonly="readonly"  />
	</div>
	<div class='field' >
		<label><strong>Tamanho/Cor:</strong></label>
		<input type='text' id='txtPropriedadePedidoObra' size='45' readonly="readonly"  />
	</div>
	<div class='field' >
		<label><strong>Qtd:</strong> </label>
		<input type='text' id='txtQtdPedidoObra' size="10" />
	</div>
	<div class='field' >
		<label><strong>Data que preciso:</strong> </label>
		<input type='text' id='txtDataNecessariaPedidoObra' size="20" />
		<script type="text/javascript">
			$("#txtDataNecessariaPedidoObra").setMask('date');
			$("#txtDataNecessariaPedidoObra").datepicker();
		</script>
	</div>
</div>
<script>
	$('#popupPedidoDeMaterial').dialog({
		modal: true,
		title: 'Fazer pedido',
		autoOpen: false,
		width: 500,
		buttons: {
			"Solicitar": function(){
				utils.ajax('pedidosObras/salvarPedido', {
					email: $('#hidEmailResponsavel').val(),
					nome: $('#hidNomeResponsavel').val(),
					material: $('#txtMaterialPedidoObra').val(),
					tamanho: $('#txtPropriedadePedidoObra').val(),
					qtd: $('#txtQtdPedidoObra').val(),
					data: $('#txtDataNecessariaPedidoObra').val()
						
				}, function(xml){
					erro = $(xml).find('realizado').text();
					if(parseInt(erro) == "0"){
						msg = "Pedido realizado com sucesso!";

						$("#btnBuscar").click();
						
					}
					else if(parseInt(erro) == 23000){
						msg = "NAO foi possivel realizar o pedido, Itens relacionados!";
					}
					else{
						msg = "Pedido NAO foi realizado com sucesso!";
					}
					alert(msg, 'Pedido');
				});
			},
			"Cancelar": function(){
				$(this).dialog('close');
			}
		}
	});
</script>

<?php 
if(!$popup)
	include_once '../templates/footer.php';
?>